<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>飞机大战</title>
    <style type="text/css">
        * {
            padding: 0px;
            margin: 0px;
        }
        .gamebox{
            width: 400px;
            height:700px;
            background: url(img/background.png) repeat-y;
            margin:20px auto;
            /* 开启相对定位 */
            position: relative;
            /* 在游戏界面内隐藏光标 */
            cursor: none;
            /* 隐藏溢出 */
            overflow: hidden;
        }
        .gamebox span{
            /* 分数设置绝对定位 */
            position: absolute;
            right:10px;
            top:10px;
        }
        .gamebox span em{
            font-style: normal;
        }
        </style>
</head>
<body>
    <div class="gamebox">
    	<span>分数：<em>0</em></span>
    </div>
    <script type="text/javascript" src="plane.js"></script>
</body>
</html>